<template>
    <PopList :title="'等高线'">
        <LabelInput v-model="contourSpacing" :label="'空间'" :unit="'m'"></LabelInput>
        <LabelInput v-model="contourWidth" :label="'宽度'" :unit="'m'"></LabelInput>
    </PopList>
</template>

<script setup lang="ts">
import { inject, onBeforeUnmount, onMounted, ref, watch } from 'vue';
import PopList from '../../../components/PopList.vue';
import { XbsjEarthUi } from '../../../scripts/xbsjEarthUi';
import { createVueDisposer, toVR } from 'vue-xe2-plugin/dist-node/components/xe2/tools';
import LabelInput from "../../../components/LabelInput.vue"
const disposer = createVueDisposer(onBeforeUnmount);
const xbsjEarthUi = inject('xbsjEarthUi') as XbsjEarthUi
const contourSpacing = toVR<string>(disposer, [xbsjEarthUi.globeMaterial, "contourSpacing"])
const contourWidth = toVR<string>(disposer, [xbsjEarthUi.globeMaterial, "contourWidth"])
</script>